#index {
    margin:0;
    padding:0;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}

#index .index_box_bottom {
    width:100%;
    text-align:center;
    position:absolute;
    left:0px;
    bottom:20px;
}

#index .index_box_top {
    width:100%;
    position:absolute;
    left:0px;
    top:0px;
    height:80px;
    background:#000;
    opacity: 0.8;
}

#index .index_box_img {
    width:100%;
    position:absolute;
    left:0px;
    top:0px;
    height:80px;
    background: url('../../img/mnm/logo.png') no-repeat;
    background-size: 200px 60px ;
    background-position:center center;
    border-bottom:2px solid #d3ac67;
}

#index .index_box_top img{
    width:180px;
}

@media screen and (max-width: 640px) {
    
    #index {
        background: url('../../img/mnm/loading.jpg');
        background-size: 100% 100%;
    } 
    
    #index .joinus,.signin{
	width:45%;  
    }
}

@media screen and (min-width: 640px) {

    #index {
        background: url('../../img/mnm/ipad_loading.jpg');
        background-size: 100% 100%;
    } 

    #index .joinus,.signin{
	width:280px;
        margin-left:30px;  
    }
}

